﻿<?xml version="1.0" encoding="utf-8"?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Test Framework</title>

    <link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css" />
    <!-- GC -->
 	<!-- LIBS -->
 	<script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
 	<!-- ENDLIBS -->

    <script type="text/javascript" src="ext/ext-all-debug.js"></script>
    
    <!--app specific lib-->
    <script type="text/javascript" src="eCRM.js"></script>
    <script type="text/javascript" src="common.datasource.js"></script>
    <script type="text/javascript" src="common.datatemplate.js"></script>
    <script type="text/javascript" src="common.guifactory.js"></script>
    
    
</head>
<body scroll="no">
</body>
<script>
Ext.onReady(function(){
    console.log("we are start now");
    var ds = new eCRM.dataCenter.DataSet({
        dt:eCRM.dataCenter.dt_set.inventory
        });
    var cfg = eCRM.common.guifactory.getStdEditFormCfgFromDS(ds);
    var panel = new Ext.form.FormPanel({
        title:"test",
        frame:true,
        renderTo:document.body,
        items: cfg.items,
        layoutConfig: {
            // layout-specific configs go here
            labelSeparator: '',
            labelWidth:50,
            labelPad:1
            
        }
    });
    panel.show();
    
    cfg = eCRM.common.guifactory.getGridPanelCfgFromDS(ds);
    Ext.apply(cfg,{
        renderTo:document.body,
        title:"test",
        autoHeight:true
    })
    panel = new Ext.grid.GridPanel(cfg);
    cfg.store.load();
    panel.show();
    
})
</script>
</html>
